<!DOCTYPE html>
<!-- saved from url=(0077)http://data.auto.sina.cn/carlibrary/dealer.php?vt=4&subid=710&cxks=0&buffer=1 -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="Cache-Control" content="no-cache">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="房贷计算器">
    <meta name="description" content="房产在线新楼盘栏目为您提供最新房贷信息。买房聊房就上绍兴在线！">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
          name="viewport" id="viewport">

    <title>房贷计算器_房产在线_绍兴在线网</title>

    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Home/wap_home.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/Home/newHouse/houseCal.css">
    <script src="__PUBLIC__/js/zepto.min.js"></script>
    <script src="__PUBLIC__/lib/Chart/Chart.min.js"></script>
    <script src="__PUBLIC__/js/Home/HouseCal/Caculator.js"></script>
</head>

<body>

<!-- header 初始 -->
<header>
    <div id="j_artcileMain" class="articleHead" data-sudaclick="header">
        <div class="mainNav">
            <a class="gIcon sinaLogo" href="{:U('Index/index')}"></a>
            <span class="navLine"></span>
            <a class="gIcon levelOne" href="{:U('Home/index')}">房产</a>
            <a class="gIcon levelTwo" href="{:U('Home/houseCal')}">房贷计算器</a>
            <a href="http://news.sina.cn/?sa=t124d8889597v84&vt=4" class="gIcon navBtn">网站导航</a>
        </div>
    </div>
    <div id="j_top_tips" class="meg_tips meg_tips_wrap">
        <!--<p class="meg_tips_t">有0条新闻更新，点击查看</p>-->
    </div>
</header>

<div class="wrap">
<!-- container -->
<div class="review-box">
<ul class="news_tab j_navTab" id="housePicTab">
    <li class="news_tab_nav  on">商业贷款</li>
    <li class="news_tab_nav ">公积金贷款</li>
    <li class="news_tab_nav ">组合贷款</li>
</ul>

<div class="news_items_module_wrap " id="houseCalInput">
    <div class="news_items_module">
        <section>
            <div class="mt10e"></div>
            <div class="calculator">
                <dl class="calculator">
                    <dt>房款总价：</dt>
                    <dd>
                        <div class="flexbox">
                            <input type="number" class="ipt-text" name="totalMoney" id="totalMoney" value="100"
                                   pattern="[0-9]*"><i>万元</i></div>
                    </dd>
                </dl>

                <dl class="calculator">
                    <dt>首付比例：</dt>
                    <dd class="arr-rt">

                        <select id="sfRate">
                            <for start="0" end="100" step="10">
                                <if condition="$i neq 30 ">
                                    <option value="{$i}"> {$i}%</option>
                                    <else/>
                                    <option value="{$i}" selected> {$i}%</option>
                                </if>
                            </for>
                        </select>

                    </dd>
                </dl>
                <dl class="calculator">
                    <dt>贷款总额：</dt>
                    <dd>
                        <div class="flexbox">
                            <input id="dkTotalMoney" type="number" class="ipt-text" value="70" pattern="[0-9]*"
                                   disabled><i>万元</i>
                        </div>
                    </dd>
                </dl>
                <dl class="calculator">
                    <dt>按揭年数：</dt>
                    <dd class="arr-rt">
                        <select id="ajYear">
                            <for start="1" end="31">
                                <if condition="$i neq 20 ">
                                    <option value="{$i}"> {$i}年（{$i*12}期）</option>
                                    <else/>
                                    <option value="{$i}" selected> {$i}年（{$i*12}期）</option>
                                </if>
                            </for>
                        </select>
                    </dd>
                </dl>
                <dl class="calculator bb">
                    <dt>利<span style="margin:0 1em;"></span>率：</dt>
                    <dd>
                        <div class="flexbox">
                            <input type="number" class="ipt-text" name="initrate" id="initrate" value="4.90"
                                   pattern="[0.00-9.00]*"><i>%</i>
                        </div>
                    </dd>
                    </a>
                    </dd>
                </dl>
            </div>
            <div class="methodbox nob"><a href="javascript:void(0)" class="btn-cal" id="btnCal">开始计算</a></div>
        </section>
    </div>
</div>

<dvi class="news_items_module_wrap hide" id="houseZHCalInput">

    <section style="padding: 0px 0px 10px; display: block;">

        <div class="calculator">
            <div class="mt10e" style="height: 1px"></div>

            <div class="hkmethodsa pdX10">贷款总额
            </div>
            <dl class="calculator">
                <dt>商业贷款：
                </dt>
                <dd>
                    <div class="flexbox">
                        <input type="number" class="ipt-text" id="dkMoney" placeholder="请输入贷款金额" pattern="[0-9]*"
                               value="20">
                        <i>万元
                        </i>
                    </div>
                </dd>
            </dl>

            <dl class="calculator">
                <dt>公积金贷款：
                </dt>
                <dd>
                    <div class="flexbox">
                        <input type="number" class="ipt-text" id="gjjMoney" placeholder="请输入贷款金额" pattern="[0-9]*"
                               value="50">
                        <i>万元
                        </i>
                    </div>
                </dd>
            </dl>
            <dl class="calculator">
                <dt style="width:11.5em;">按揭年数：
                </dt>
                <dd class="arr-rt">
                    <select name="ajyear" id="ajyeardk">
                        <for start="1" end="30">
                            <if condition="$i neq 20 ">
                                <option value="{$i}"> {$i}年（{$i*12}期）</option>
                                <else/>
                                <option value="{$i}" selected> {$i}年（{$i*12}期）</option>
                            </if>
                        </for>
                    </select>
                </dd>
            </dl>
            <div class="hkmethodsa pdX10">利率
            </div>
            <dl class="calculator">
                <dt>商业利率：
                </dt>
                <dd class="arr-rt">
                    <a href="javascript:;" style="display:block" id="">
                        <div class="flexbox">
                            <input type="number" class="ipt-text" name="initrate1" id="initrate1" value="4.90"
                                   pattern="[0.00-9.00]*"><i>%</i>
                        </div>

                    </a>
                </dd>
            </dl>
            <dl class="calculator bb">
                <dt>公积金利率：
                </dt>
                <dd class="arr-rt">
                    <a href="javascript:;" style="display:block">
                        <div class="flexbox">
                            <input type="number" class="ipt-text" name="initrate2" id="initrate2" value="3.25"
                                   pattern="[0.00-9.00]*"><i>%</i>
                        </div>
                    </a>
                </dd>
            </dl>
        </div>
        <div class="methodbox nob">
            <a href="javascript:void(0)" class="btn-cal" id="zhCalBtn">开始计算
            </a>
        </div>
    </section>

</dvi>

<div class="news_items_module hide" id="houseCal">
    <div class="mt10e"></div>
    <section class="jsresults" style="display: block;">
        <div style="display: block;">
            <section>
                <div class="methodboxa">
                    <div class="mTab">
                        <div class="flexbox" id="payMethod">
                            <a href="javascript:;" class="active">等额本息
                            </a>
                            <a href="javascript:;" class="">等额本金
                            </a>
                        </div>
                    </div>
                    <p class="f14" style="display: block;">每月还款额固定，所还总利息较多，适合收入稳定者。
                    </p>

                    <p class="f14" style="display: none;">每月还款额递减，所还总利息较低，前期还款额较大。
                    </p>
                </div>
            </section>
            <div class="jsresults01 mt20">
                <a href="javascript:;" id="detailLink">
                    <div class="quan">
                        <div class="info">月供
                            <em id="monthPay">
                            </em>
                        </div>
                        <div style="overflow: visible; transform: translateZ(0px);">
                            <canvas id="pieConChar" width="100%" height="100%"/>
                        </div>
                    </div>
                </a>
            </div>

            <div class="jsresults02" id="danduCal">
                <dl>
                    <dt>房款总价：
                    </dt>
                    <dd id="ddZj">
                    </dd>
                </dl>
                <dl>
                    <dt class="bj01">首付金额：
                    </dt>
                    <dd id="ddSf">
                    </dd>
                </dl>
                <dl>
                    <dt class="bj02">贷款总额：
                    </dt>
                    <dd id="ddDk">
                    </dd>
                </dl>
                <dl>
                    <dt class="bj03">支付利息：
                    </dt>
                    <dd id="ddLx">
                    </dd>
                </dl>
                <dl>
                    <dt>利
                            <span style="margin:0 1em;">
                            </span>率：
                    </dt>
                    <dd id="ddLr">
                    </dd>
                </dl>
                <dl>
                    <dt>首月月供：
                    </dt>
                    <dd id="ddYg">
                    </dd>
                </dl>
            </div>

            <div class="jsresults02 hide" id="zhuheCal">
                <dl>
                    <dt>还款总价：
                    </dt>
                    <dd id="HkZj">
                    </dd>
                </dl>
                <dl>
                    <dt class="bj01">贷款总价：
                    </dt>
                    <dd id="DkZj">
                    </dd>
                </dl>
                <dl>
                    <dt class="bj02">支付利息：
                    </dt>
                    <dd id="LxZj">
                    </dd>
                </dl>

                <dl>
                    <dt>首月月供：
                    </dt>
                    <dd id="ddYg2">
                    </dd>
                </dl>
            </div>
            <p class="f14 f999 center mt10" id="cankao" style="display: block;">以上结果仅供参考
            </p>
        </div>
    </section>
</div>

<!--月供表-->
<div id="detailPage" class="hide">

<div class="mt10e"></div>
<div class="mlist" id="listInfo">
    <dl style="display: table;">
        <dt>还款总额
        </dt>
        <dd id="lIAllMoney">
        </dd>
    </dl>
    <dl style="display: table;">
        <dt>贷款总额
        </dt>
        <dd id="lIDkMoney">
        </dd>
    </dl>
    <dl style="display: table;">
        <dt>支付利息
        </dt>
        <dd id="lILxMoney">
        </dd>
    </dl>
    <dl style="display: table;">
        <dt>贷款月数
        </dt>
        <dd id="lIDkYear">
        </dd>
    </dl>
    <dl style="display: none;">
        <dt>商业贷款月数
        </dt>
        <dd id="lISyDkYear">
        </dd>
    </dl>
    <dl style="display: none;">
        <dt>公积金贷款月数
        </dt>
        <dd id="lIGjjDkYear">
        </dd>
    </dl>
    <dl style="display: table;">
        <dt>月均还款
        </dt>
        <dd id="lIHkMoney">
        </dd>
    </dl>
    <dl style="display: none;">
        <dt>月均利息
        </dt>
        <dd id="lIYjMoney">
        </dd>
    </dl>
</div>
<div class="mlisttab" id="listHtml">



</div>

</div>

</div>

</div>

<!-- /container -->
<!-- footer -->
<include file="./APP/Tpl/Home/homefoot.html"/>
<!-- /footer -->

</body>
</div></html>